<template>
  <TabBar>

    <TabBarItem path="/home" >
      <img slot="item-img" src="~assets/img/tabbar/home.svg">
      <img slot="item-activate-img" src="~assets/img/tabbar/home_active.svg">
      <div slot="item-text">首页</div>
    </TabBarItem>


    <TabBarItem path="/category" >
      <img slot="item-img" src="~assets/img/tabbar/category.svg">
      <img slot="item-activate-img" src="~assets/img/tabbar/category_active.svg">
      <div slot="item-text">分类</div>
    </TabBarItem >

    <TabBarItem path="/shopcart" >
      <img slot="item-img" src="~assets/img/tabbar/cart.svg">
      <img slot="item-activate-img" src="~assets/img/tabbar/cart_active.svg">
      <div slot="item-text">购物车</div>
    </TabBarItem>

    <TabBarItem path="/profile">
      <img slot="item-img" src="~assets/img/tabbar/profile.svg">
      <img slot="item-activate-img" src="~assets/img/tabbar/profile_active.svg">
      <div slot="item-text">我的</div>
    </TabBarItem>

  </TabBar>
</template>

<script>
import TabBar from "../../common/tabbar/TabBar";
import TabBarItem from "../../common/tabbar/TabBarItem";
export default {
  name: "MainTabBar",
  components:{
    TabBarItem,
    TabBar
  }
}
</script>

<style scoped>

</style>
